
var image = document.getElementById("image");
var text = document.getElementById("text");
var caidan = document.getElementById("caidan");
text.addEventListener("mouseenter", function () {
    // 当鼠标进入图像时，添加CSS类来翻转图像
    caidan.classList.add("yes");
});
text.addEventListener("mouseleave", function () {
    // 当鼠标离开图像时，移除水平翻转的CSS类
    caidan.classList.remove("yes");
});
// 添加鼠标悬停事件监听器
text.addEventListener("mouseenter", function () {
    // 当鼠标进入图像时，添加CSS类来翻转图像
    image.classList.add("flip-horizontal");
});

// 添加鼠标移出事件监听器
text.addEventListener("mouseleave", function () {
    // 当鼠标离开图像时，移除水平翻转的CSS类
    image.classList.remove("flip-horizontal");
});
// 添加鼠标悬停事件监听器
image.addEventListener("mouseenter", function () {
    // 当鼠标进入图像时，添加CSS类来翻转图像
    image.classList.add("flip-horizontal");
});

// 添加鼠标移出事件监听器
image.addEventListener("mouseleave", function () {
    // 当鼠标离开图像时，移除水平翻转的CSS类
    image.classList.remove("flip-horizontal");
});